<template>
  <ctext ref="cusText" :content="content" :data="data" :value="value" />
</template>

<script>
/**
 *
 *  Copyright 2019 The FATE Authors. All Rights Reserved.
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 *
 */

export default {
  name: 'CustomTotal',
  components: {
    ctext: () => import('./index')
  },
  props: {
    content: {
      type: String,
      default: 'Total: {t}'
    },
    value: {
      // eslint-disable-next-line vue/require-prop-type-constructor
      type: String | Object | Array | Boolean | Number,
      default: 0
    }
  },
  data() {
    return {
      data: {
        '{t}': table => {
          return table.data.length
        }
      }
    }
  },
  methods: {
    linkageOutside(value) {
      this.$refs['cusText'].format(value)
    }
  }
}
</script>

<style lang="" scoped>
</style>
